<template>
  <view class="bd" style="width: 100%">
    <view class="u-content">
      <p class="tips">启动孕期体重管理模式</p>
      <u-parse :html="content"></u-parse>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: `
				<div contenteditable="true" style="width:100%; height:100%;" class="w-e-text" id="text-elem5600009335259057"><p style="text-align:left;">孕期体重增加过多或过少对孕妈妈及宝宝都会有不良影响，孕妈妈需要合理地控制好体重。</p ><p>孕期体重增长值推荐表（根据孕前BMI）</p></div>
				<img src="./static/img/321.png" style="pointer-events: none;" />
				`,
    };
  },
  onReady() {
    // this.getUiStyle();
  },
  methods: {
    getUiStyle() {
      var style = plus.navigator.getUiStyle();
      if ("dark" == style) {
        console.log("当前为暗黑模式");
        uni.setTabBarStyle({
          backgroundColor: "#1B1C1E",
        });
        uni.setNavigationBarColor({
          frontColor: "#ffffff",
          backgroundColor: "#1B1C1E",
          animation: {
            duration: 400,
            timingFunc: "easeIn",
          },
        });
      } else {
        console.log("当前为普通模式");
      }
    },
  },
};
</script>

<style lang="less">
.u-content {
  padding: 30rpx 40rpx 0 40rpx;
  line-height: 35px;
  color: #383838;
  text-align: left;

  .tips {
    color: #f29100;
    font-size: 19px;
    border-left: 4px solid #f29100;
    height: 29px;
    padding: 0px 9px;
    line-height: 29px;
    margin-bottom: 20rpx;
  }
}
</style>
	<style scoped>
@media (prefers-color-scheme: closedark) {
  .bd {
    background-color: #1b1c1e !important;
    height: calc(100vh - var(--window-top));
    position: fixed;
    width: 90%;
  }

  .bd1 {
    background-color: #38383c !important;
  }

  .t1 {
    color: #ccc !important;
  }
}
</style>
	